.mask {
  @apply fixed left-0 top-0 right-0 bottom-0;
  background-color: rgba(0, 0, 0, 1);
  z-index: 100;
}
.content {
  z-index: 200;
  @apply fixed left-0 right-0 box-border mx-auto;
  top: 50%;
  width: 500px;
  background-color: #ffffff;
  transform: translateY(-50%);
  border-radius: 24px;
}
.content .contentBody {
  @apply box-border;
}
.content .contentBody .title {
  font-size: 40px;
  font-weight: 500;
  color: black;
  padding-top: 24px;
  padding-bottom: 24px;
  @apply flex flex-row justify-center;
}
.content .contentBody .body {
  font-size: 32px;
  line-height: 48px;
  font-weight: 400;
  color: black;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 16px;
  padding-bottom: 16px;
  @apply flex flex-row justify-center flex-wrap box-border;
}
.content .contentBody .btns {
  @apply flex flex-row box-border items-center;
}
.content .contentBody .btn {
  font-size: 28px;
  font-weight: normal;
  padding-bottom: 24px;
  padding-top: 24px;
  @apply flex flex-1 flex-row justify-center box-border;
}
.content .contentBody .btn.cancel {
  color: #ccc;
}
.content .contentBody .btn.confirm {
  color: #000;
}
.content .verticalline {
  width: 2px;
  height: 30px;
  background-color: #ccc;
  @apply flex-none;
}
